<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>footer</title>
</head>
<body>
<div th:fragment="footer">
    <div id="footer">

        <!-- Container -->
        <div class="container">

            <div class="four columns">
                <img src="images/logo-footer.png" th:src="@{/images/logo-footer.png}" alt="" class="margin-top-10" />
                <p class="margin-top-15">萌宠网致力为您提供最贴心的服务！使用时请遵守法律法规及萌宠网的相关规定，本站一切解释权均规萌宠网所有。感谢您的配合！</p>
            </div>

            <div class="four columns">

                <!-- Headline -->
                <h3 class="headline footer">Our Team</h3>
                <span class="line"></span>
                <div class="clearfix"></div>

                <ul class="footer-links">
                    <li><a href="#">朱光宇（组长）</a></li>
                    <li><a href="#">陈英欢</a></li>
                    <li><a href="#">吕瑞华</a></li>
                    <li><a href="#">陈怡婷</a></li>
                    <li><a href="#">王晓宇</a></li>
                </ul>

            </div>

            <div class="four columns">

                <!-- Headline -->
                <h3 class="headline footer">Our Company</h3>
                <span class="line"></span>
                <div class="clearfix"></div>

                <ul class="footer-links">
                    <li><a href="#">萌宠互联网科技有限公司</a></li>
                </ul>

            </div>

            <div class="four columns">

                <!-- Headline -->
                <h3 class="headline footer">Join us</h3>
                <span class="line"></span>
                <div class="clearfix"></div>
                <ul class="footer-links">
                    <li><a href="#">Email : Mpetmall@163.com</a></li>
                    <li><a href="#">Address : 浙江省 杭州市 江干区</a></li>
                    <li><a href="#">浙江工商大学 信息学院</a></li>
                </ul>

                <form action="#" method="get">
                    <button class="newsletter-btn" type="submit">Join</button>
                    <input class="newsletter" type="text" placeholder="mail@example.com" value=""/>
                </form>
            </div>

        </div>
        <!-- Container / End -->

    </div>
    <!-- Footer / End -->

    <!-- Footer Bottom / Start -->
    <div id="footer-bottom">

        <!-- Container -->
        <div class="container">

            <center><div>© Copyright 2017-2018 by 浙江工商大学 软件1401 <a href="#">萌宠网团队</a>. All Rights Reserved.</div></center>

        </div>
        <!-- Container / End -->

    </div>
    <!-- Footer Bottom / End -->

    <!-- Back To Top Button -->
    <div id="backtotop"><a href="#"></a></div>

</div>
</body>
</html>